@import url("adjustments.css");
/*
font-family: 'GillSansBold', Arial, sans-serif;		//bold
font-family: 'GillSans', Arial, sans-serif;	//normale
*/

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

@font-face {
	font-family: 'GillSans';
	src: url('fonts/gillsans.eot');
	src: url('fonts/gillsans.eot?#iefix') format('embedded-opentype'),
		url('fonts/gillsans.woff') format('woff'),
		url('fonts/gillsans.ttf') format('truetype'),
		url('fonts/gillsans.svg#gillsans') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
	font-family: 'GillSansBold';
	src: url('fonts/gillsansStd-Bold.eot');
	src: local('☺'), url('fonts/gillsansStd-Bold.woff') format('woff'), url('fonts/gillsansStd-Bold.ttf') format('truetype'), url('fonts/gillsansStd-Bold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}

* {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	line-height: 100%;
}
html {
	overflow: hidden !important;
}

body {
	color: #333;
	background-color: #FFFFFF;
	font-size: 13px;
	font-family: arial, sans-serif;
	overflow: visible !important;
}

body #s4-workspace {
	overflow: auto !important;
	width: 100% !important;
}

.mainContainer a {
	text-decoration: none;
	color: #555555;
}
.mainContainer .topLogo > a, .mainContainer h1 > a {
	margin-left: 10px;
}
.mainContainer p {
	line-height: 1.2em;
}
.mainContainer ul, .mainContainer ol {
	list-style: none;
}
.mainContainer h1,
.mainContainer h2,
.mainContainer h3,
.mainContainer h4,
.mainContainer h5,
.mainContainer h6 {
	font-weight: normal;
}

.mainContainer .topLogo, .mainContainer h1 {
	margin-left: 10px;
}

.mainContainer .topLogo {
	height: 44px;
}

.mainContainer h2 {
	font-size: 23px;
}
.mainContainer h3 {
	font-size: 13px;
}

.mainContainer h4 {
	font-size: 13px;
}
.mainContainer h5 {
	font-size: 14px;
}

.wrapper{
	width: 990px;
	margin: 0 auto;
	position: relative;
}

.site-content{
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.separator {
	background: url("../images/separator.png") repeat-y scroll 0 0 transparent;
	display: inline-block;
	height: 24px;
	width: 9px;
}

.mainContainer {
	margin: 0 auto;
    max-width: 1440px;
	/*min-height: 560px;
	min-width: 990px;*/
	/*overflow: hidden; */
	background-color: #EEEEEE;
    box-shadow: 0 0 16px #A6A6A6;
}

iframe {
    height: 100%;
    width: 100%;
	overflow: auto;
}

.box-lightbox_booking iframe {
	height: 85%;
}

iframe.youtube {
    height: 275px;
    width: 492px;
}

.slide-box {
	display: none;
}

.v-align-middle {
	vertical-align: middle;
}

.note {
	font-size: 11px;
}

.flt-right {
	float: right;
	margin-right: 20px;
}

.flt-left {
	float: left;
}
.canvas {
	width: 100%;
	background-color: #ffffff;
	margin-bottom: 10px;
}
.box-label {
	background-image: url("../images/box-label-corner.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	left: -7px;
	padding-left: 0;
	padding-top: 5px;
	position: absolute;
	top: 8px;
	z-index: 1;
	max-width: 100%;
}
.label {
	background-color: #000000;
	color: #EBEBEB;
	font-family: 'GillSans', arial, sans-serif;
	font-size: 12px;
	height: 15px;
	line-height: 15px;
	max-width: 90%;
	overflow: hidden;
	padding: 5px 10px 5px 30px;
	position: relative;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
	display: block;
}
.label-img {
	background-repeat: no-repeat;
	left: 2px;
	position: absolute;
	top: 0;
	z-index: 2;
}

.page-content {
	width: 100%;
}
.sidebar .page-content {
	width: 76%;
	float: right;
	margin-top: 5px;
}
.sidebar.right .page-content, .sidebar.right aside {
	margin-top: 50px;
}
.sidebar.right .page-content {
	float: left;
}
.no-canvas .page-content {
	margin-top: 15px;
}
.page-content > section {
	margin-bottom: 20px;
}
.circle {
	border-radius: 50%;
}
.circle-arrow {
	background: url("../images/sprite_iveco.png") no-repeat -2px -107px #000000;
	display: inline-block;
	height: 22px;
	width: 22px;
	/*behavior: url("/common/Style%20Library/XSL%20Style%20Sheets/Iveco/pie.htc"); */
	border-radius: 50% 50% 50% 50%;
}
.circle .circle-arrow {
	display: block;
}
.circle-arrow.down {
    background-position: 0 -226px;
}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.indent {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
}

.page-content .box-tall {
	float: right;
}

.article-content p {
  line-height: 1.3em;
}

.page-content article > .title {
	margin-left: 0px;
	font-size: 22px;
	margin-bottom: 15px;
	color: #000000;
}

.page-content article .subtitle, .page-content article .subtitle strong {
	color: #000000;
	font-size: 15px;
	margin: 15px 0;
	line-height: 1.2em;
}

.page-content article p.subtitle {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.page-content article .more-content .subtitle:first-child {
	margin-top: 0;
}

.more-content div {
  line-height: 1.3em !important;
}

.page-content article p {
	margin-bottom: 15px;
}

.page-content > .box-label {
	background: url("../images/box-label-corner_shadow.png") no-repeat -12px -10px transparent;
	height: 100px;
	padding-top: 5px;
}

.mainContainer .read-more {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	text-transform: none;
}

.mainContainer .read-more > span, .mainContainer .see-all > span {
	background: url("../images/sprite_iveco.png") no-repeat right -230px transparent;
	display: inline-block;
	padding-right: 50px;
	text-decoration: underline;
	color: #000000;
}

.mainContainer .read-more.opened span, .mainContainer .see-all.opened > span {
	background: url("../images/sprite_iveco.png") no-repeat right -207px transparent;
}

.links li {
	display: inline-block;
	width: 24.4%;
	border-left: 2px dotted #dddddd;
	margin-top: 10px;
	vertical-align: top;
}

.links li:first-child {
	border: none;
}

.links li img, .links a.link, .links .select {
	/*float:left;*/
}

.link-text {
    overflow: hidden;
    position: relative;
}

.links li div.select {
	width: 80%;
	margin: 10px auto 0;
}

.links li select {
	width: 80%;
}

.links li img {
	/*margin: 0 5px 0 0;*/
	max-width: 100px;
	display: block;
    margin: 0 auto;
}

.links a.link, .links .link {
	text-transform: uppercase;
	font-size: 14px;
	display: block;
	*display: inline;
	zoom: 1;
	font-family: 'GillSans', arial, sans-serif;
	font-size: 16px;
	height: auto;
	text-decoration: none;
	text-align: center;
}

.links .smaller {
	font-size: 11px;
	text-transform: none;
}

.link-arrow {
	background: url("../images/sprite_iveco.png") no-repeat -5px -112px transparent;
	display: inline-block;
	height: 16px;
	margin-left: 3px;
	vertical-align: middle;
	width: 15px;
}

.link-arrow.down {
	background-position: -3px -231px;
}

.link-catalog .link-arrow {
	display: none;
}

.link-catalog .customStyleSelectBoxInner {
	padding-right: 10px;
}


.box .box-sliding {
	margin: 0;
}

.box-sliding.see-all {
                display: block;
}

.box.box-sliding .title {
	color: #525252;
	font-weight: bold;
	font-size: 13px;
	padding: 0 5px 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #000000;
}

.box-sliding .box-content a {
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	display: block;
	padding: 0 5px 15px;
	cursor: pointer;
}

.box-sliding .box-label {
	width: 100%;
	max-width: 100%;
}
.box-sliding .label {
	max-width: 100%;
}

.box.box-sliding .slide-wrapper {
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}

.box.box-sliding ul {
	display: block;
	left: 0;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
	width: auto;
}

.box.box-sliding .sliding-content {
	margin-top: 45px;
	height: auto;
}

.sliding-content {
	overflow:hidden;
	margin-bottom: 10px;
}

.box-sliding .see-all {
	color: #000000;
	display: block;
	font-size: 14px;
	font-weight: normal;
	height: 20px;
	margin: 0 40%;
	text-align: center;
	width: 20%;
}

.box-sliding .see-all span {
	text-decoration: none;
}

.box.box-sliding .arrow, .question.box-pages .arrow {
	background: url("../images/sprite_iveco.png") no-repeat -2px -559px transparent;
	bottom: 5px;
	height: 20px;
	position: absolute;
	width: 20px;
}

.box.box-sliding .arrow.left, .question.box-pages .arrow.left {
	left: 10px;
}

.box.box-sliding .arrow.right, .question.box-pages .arrow.right {
	background-position: -2px -536px;
	right: 10px;
}

.separator_hr {
	background: url("../images/separator_hr.png") no-repeat center center transparent;
	clear: both;
	display: block;
	height: 5px;
	margin: 10px 0;
	width: 100%;
}

#flickrshow-container {
	height: 275px;
	width: 492px;
}

.box-pages {
	overflow: hidden;
}

::-webkit-input-placeholder  { color:#666666; }
input:-moz-placeholder { color:#666666; }

/* accordion */

.accordion {
	margin: 20px 0;
}

.mainContainer .accordion-intro {
	font-size: 13px;
	margin: 0px 13px 0px 10px;
	overflow: hidden;
	white-space: normal;
}

#box-faq .accordion li {
	border-top: 2px dotted #D1D1D1;
	padding: 20px 5px;
}

#box-faq .accordion li .title {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background: url("../images/sprite_iveco.png") no-repeat right -230px transparent;
}

#box-faq .accordion li.opened .title {
	background: url("../images/sprite_iveco.png") no-repeat right -207px transparent;
}

#box-contact .accordion li.question .box-title {
	background: url("../images/sprite_iveco.png") no-repeat right -808px transparent;
}

#box-contact .accordion li.question.opened .box-title {
	background: url("../images/sprite_iveco.png") no-repeat right -780px transparent;
}

#box-faq .accordion li p {
	margin: 20px 0 0;
	line-height: 1.6em;
}

/* accordion FAQ */
.accordion-faq {
	margin: 20px 0;
}

#box-faq .accordion-faq li {
	border-top: 2px dotted #D1D1D1;
	padding: 20px 5px;
}

#box-faq .accordion-faq li .title {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background: url("../images/sprite_iveco.png") no-repeat right -230px transparent;
}

#box-faq .accordion-faq li.opened .title {
	background: url("../images/sprite_iveco.png") no-repeat right -207px transparent;
}

#box-contact .accordion-faq li.question .box-title {
	background: url("../images/sprite_iveco.png") no-repeat right -808px transparent;
}

#box-contact .accordion-faq li.question.opened .box-title {
	background: url("../images/sprite_iveco.png") no-repeat right -780px transparent;
}

#box-faq .accordion-faq li div {
	margin: 20px 0 0;
	line-height: 1.6em;
}

a.link-back {
	float: right;
	font-weight: bold;
	font-size: 13px;
}

a.link-back .box-link-arrow {
	background-position: -10px -159px;
}

.box .box-link.legal-note {
    font-size: 13px;
    left: 20px;
    right: auto;
    text-decoration: underline;
    text-transform: none;
}

/* ASIDE */

aside {
	float: left;
	width: 24%;
	margin-right: 0;
	margin-bottom: 20px;
}

aside .menu {
	position: relative;
}
aside .menu a.title {
	padding-left: 10px;
}
aside .menu a.title {
	color: #000000;
	padding: 10px;
	display: block;
}

aside .menu > ul {
	font-size: 14px;
	font-family: 'GillSans', arial, sans-serif;
	color: #000000;
	position: relative;
	float: left;
	width: 90%;
	min-height:300px;
}

aside .menu > ul > li {
	border-bottom: 2px solid #d2d2d2;
	border-top: 1px solid #FFFFFF;
	padding: 5px 0;
	text-transform: uppercase;
	font-family: 'GillSans', Arial, sans-serif;
}

aside .menu > ul > li:first-child {
	border-top: none;
}

aside .menu > ul > li.selected , aside .menu > ul > li:hover {
	background-image: url("../images/box-label-corner.png");
	background-position: 0 0;
	background-repeat: no-repeat;
}

aside .menu > ul > li.selected .title, aside .menu > ul > li.selected:hover .title {
	background-color: #000000;
	color: #FFFFFF;
}

aside .menu > ul > li.selected .title:after {
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	border-left: 8px solid #000000;
	content: "";
	height: 0;
	margin-right: -7px;
	position: absolute;
	width: 0;
	right: 0;
}

aside .menu > ul > li:hover .title {
	background-color: #C9CED1;
	color: #000000;
}

aside .menu > ul ul {
	display: block;
	font-weight: normal;
	text-transform: none;
	padding-left: 10px;
	margin-top: 5px;
}

aside .menu > ul ul ul {
	margin-top: 10px;
	padding-left: 15px;
}

aside .menu > ul ul ul li {
	font-size: 13px;
}

aside .menu > ul > li a {
	color: #000000;
}

aside .menu > ul ul ul > li a {
	color: #555555;
}
aside .menu > ul > li li {
	padding-bottom: 10px;
	font-family: 'GillSans', Arial, sans-serif;
}

aside .menu > ul > li li a:hover {
	text-decoration: underline;
}


aside .menu > ul > li li.selected > a {
	font-family: 'GillSansBold', Arial, sans-serif;
}

/* custom-select */
.customSelect {
    cursor: pointer;
    position: absolute;
    right: 405px;
    top: -10px;
}

.customSelect .select {
    width: auto;
    padding: 5px 0 0 5px;
    position: relative;
    height: 18px;
    z-index: 20;
    background-color: white;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
}
.customSelect input[type="text"].textHidden {
    height: 23px;
    position: absolute;
    z-index: 10;
    border: 0 none;
    color: white;
    background-color: transparent;
    width: 11%;
    left: 0;
}
.customSelect .select.campi { margin-right: 0 }
.customSelect .select.campi h3 {
    height: 18px;
    overflow: hidden;
    color: #000000;
    margin: 0;
    font-size: 13px;
    font-family: 'GillSans', arial, sans-serif;
    font-style: normal;
	padding: 0 30px 0 0;
}
.customSelect .apriTendina {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    background: url("../images/sprite_iveco.png") no-repeat -3px -227px transparent;
    display: block;
    overflow: hidden;
    top: 0;
}
.customSelect .tendina {
    display:none;
    position: absolute;
    width: 98%;
    top: 20px;
    left: 0;
    overflow: auto;
    background: #FFFFFF;
    max-height: 5.6em;
	border-top: 1px solid #CCCCCC;
	padding: 0 2%;
}
.customSelect .tendina p{margin: 0;}
.customSelect .tendina p a, #select-language.customSelect h3 {
	font-size: 13px;
	color: #666666;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
.customSelect .tendina p a {
    padding: 4px 3px;
    display: block;
    text-decoration: none;
    position: relative;
	text-align:left;
}
.customSelect .tendina p a:hover { background-color: #f6f6f6 }
.customSelect .tendina p a.active {
    background-position: 10px 10px;
    color: #000000;
    font-style: normal;
    font-weight: bold;
}

.customSelect .select.campi {
    border-right: 2px dotted #D1D1D1;
    margin-right: 0;
}

#select-language .jspVerticalBar .jspArrow.jspDisabled {
    background: none;
    cursor: default;
}

#select-language .jspVerticalBar .jspArrowUp, #select-language .jspVerticalBar .jspArrowDown {
	background-color: #FFFFFF;
}

#select-language .jspTrack {
    visibility: hidden;
}

#select-language .jspVerticalBar {
    background-color: #FFFFFF;
}

#select-language .jspPane {
	padding: 3px 0 0 !important;
}


/* BOX */

.boxes {
	overflow: hidden;
	width: 100%;
	font-size: 0;
}
.box {
	background-color: #FFFFFF;
	color: #545454;
	display: inline-block;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0;
	margin: 0 0 20px 10px;
	position: relative;
	vertical-align: top;
	white-space: nowrap;
	width: 237px;
}
.box p {
    color: #555555;
   /* line-height: 18px;*/
    margin: 5px 0 3px;
}
.no-boxshadow .box {
	zoom: 1;
	filter: progid: DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=0),
		 progid: DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=90),
		 progid: DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=180),
		 progid: DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=270);

}
.boxshadow .box:before {
	border-radius: 100px 100px 100px 100px / 10px 10px 10px 10px;
	bottom: 0;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
	content: "";
	left: 20px;
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: -2;
}
.box.scroll > ul {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.box.scroll .bottom-tape {
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	height: auto;
	left: auto;
	line-height: 30px;
	margin: 0;
	padding: 0;
	width: 100%;
}
.box.scroll .slideshow-console {
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	display: block;
	left: auto;
	margin: 0 auto;
	position: relative;
}
.box.scroll .slideshow-console li.selected span,
.box.scroll .slideshow-console li:hover span {
	background-color: #666666;
}
.box.box-grey {
	background-color: #c9ced1;
}
.box .box-link {
	height: 20px;
	display: block;
	position: absolute;
	bottom: 5px;
	right: 10px;
	color: #010101;
	font-size: 16px;
	font-family: 'GillSans', arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
}
.box-link:hover, .link:hover, .box-link.back:hover {
	color: #003366;
}
.box-link-arrow {
	background: url('../images/sprite_iveco.png') no-repeat -5px -112px transparent;
	display: inline-block;
	height: 16px;
	padding-top: 0;
	vertical-align: middle;
	width: 15px;
}
.box-link:hover .box-link-arrow, .link:hover .link-arrow {
	background-position: -5px -144px;
}
.box-link.back {
	top:15px;
}
.back .box-link-arrow {
	background: url("../images/sprite_iveco.png") no-repeat -5px -128px transparent;
}
.box-link.back:hover .box-link-arrow {
	background-position: -5px -160px;
}
.box .box-link.small {
	bottom: 10px;
	font-size: 14px;
	color: #17478A;
}
.box .box-link.small .box-link-arrow, .box .box-link.small:hover .box-link-arrow {
	background-position: -5px -143px;
}
.box-content > img, .box-content > a img {
	width: 100%;
}
.box .box-content {
	padding: 10px;
	height: 230px;
	width: 217px;
	position: relative;
	overflow: hidden;
	font-size: 12px;
	/*font-size: 1rem;*/
	white-space: normal;
	display: inline-block;
	*display: inline;
	vertical-align: top;
	zoom: 1;
}
.box-content > a {
    display: inline-block;
}
.box.box.col-2.one-cont .box-content {
	width: 464px;
	border: none;
}
.box.only-img .box-content, .box.only-img.col-2 .box-content, .box.only-img.col-3 .box-content, .box.only-img.col-4 .box-content {
    padding: 0;
    width: 100%;
	height: 250px;
}
.box.only-img .box-content a {
	display: block;
}	
.box.box.no-img .box-content {
	height: 190px;
	padding-top: 50px;
}
.box.box.no-img p {
	margin-bottom: 15px;
}
.box.box.no-img label {
	display: block;
	margin-bottom: 10px;
	line-height: 1.2em;
}
.box.box.no-img label.note a {
	text-decoration: underline;
}
.box.box.no-img input[type="text"], .box.box.no-img textarea {
	margin: 0 10px 10px 0;
}
.box.no-img.box-tall {
	margin: 0 0 10px 20px;
}
.box.no-img.box-tall .box-content {
	overflow: hidden;
	position: relative;
	min-height: 253px;
	height: auto;
}
.box.no-img.box-tall .box-content .form {
	padding-bottom: 10px;
}
.box.col-2 {
	width: 484px;
}
.box.col-2 .box-content, .box.col-3 .box-content, .box.col-4 .box-content {
	border-left: 2px dotted #D1D1D1;
	padding: 10px 12px;
}
.box.col-3 {
	width: 730px;
}
.box.col-3 .box-content, .box.col-4 .box-content {
	padding: 10px 13px;
}
.box.col-4 {
	width: 978px;
}
.box .box-label + .box-content,
.box hr + .row2.box-content,
.box .separator_hr + .box-content,
.box .box-title + .box-content,
.box .faq-content .box-content:first-child,
.box .faq-content hr + .box-content,
.box .box-label + a .box-content,
.box hr + a .row2.box-content,
.box .separator_hr + a .box-content,
.box .box-title + a .box-content,
.box-sliding ul .box-content:first-child,
.box.col-4 .box-content:first-child {
	border: none;
}
.box .title {
  color: #000000;
  display: block;
  font-size: 13px;
  font-weight: bold
}

.box .box-text strong {
	color: #555555;
	font-family: Arial, sans-serif;
}
.box .box-text {
	font-size: 12px;
	overflow: hidden;
	margin: 4px 0 0;
}
.box .box-text p a {
	text-decoration: underline;
	font-weight: bold;
}
.box input[type="text"],.box textarea,
.box select,
.box .customStyleSelectBox {
	background-color: #EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 3px;
	width: 211px;
	color: #555555;
	line-height: 1.1em;
	text-align: lefT;
}
.box select {
	width: 217px;
	padding: 0;
}

.box textarea {
	resize: none;
	overflow: hidden;
}

.box .customStyleSelectBox {
	margin-bottom: 8px;
}
.box .customStyleSelectBox .customStyleSelectBoxInner {
	color: #555555;
	vertical-align: middle;
	line-height: 1.2em;
}

.customStyleSelectBox.error, .box .customStyleSelectBox.error {
  margin-left: 1px !important;
  margin-top: 1px !important;
  outline: 1px solid #FF0000;
}


.box input[type="checkbox"] {
	margin-right: 10px;
	vertical-align: bottom;
}
.box.box.no-img .box-content.tag-area {
	text-align: justify;
	height: 195px;
	padding-top: 45px;
}
.box .tag-area ul {
	overflow: hidden;
	display:block;
	max-height: 100%;
}
.box .tag-area ul li {
	display: inline;
	line-height: 1.2em;
}
.box .tag-area a {
	text-decoration: none;
	font-weight: normal;
}
.box .tag-area .t1{
	font-size: 18px;
}
.box .tag-area .t2{
	font-size: 16px;
}
.box .tag-area .t3{
	font-size: 14px;
}
.box .tag-area .t4{
	font-size: 12px;
}
.box .tag-area .t5{
	font-size: 10px;
}
.box hr {
	background-color: #D1D1D1;
	border: 0 none;
	clear: both;
	height: 1px;
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
	margin: 10px 0;
}
h2.box-title {
	border-bottom: 1px solid black;
	color: #000000;
	font-family: 'GillSansBold', Arial, sans-serif;
	font-size: 16px;
	margin: 0 13px 10px;
	padding: 25px 0 10px;
}
h2.box-title:first-child {
	padding-top: 10px;
}
h3.box-title {
	color: #000000;
	font-size: 18px;
	margin: 10px 13px 15px;
}
.box .box-subtitle {
	color: #17468A;
	font-size: 15px;
	margin: 15px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.box .box-subtitle strong {
	color: #17468A;
}
.box-footer {
	background-color: #C2C7CA;
	bottom: 0;
	position: absolute;
	width: 100%;
}

.box .box-footer p {
	font-size: 14px;
	margin: 0;
	padding: 18px 13px;
}

.box .box-footer a {
	text-decoration: none;
	padding-left: 5px;
}

.box .box-footer a:hover {
	text-decoration: underline;
}

.box .box-footer .circle-arrow {
	vertical-align: middle;
	margin-left: 5px;
}

.box .box-icon {
    display: block;
}

.box.box-tall .box-icon {
    text-align: center;
    width: 35%;
	margin: 50px auto 15px;
}

.box .error .box-icon, .box .success .box-icon {
    margin: 20px auto 5px;
    width: 84px;
}

.box .error p, .box .success p {
    padding: 10px 30px;
}

.box .error p {
    text-align: center;
}

.box .error a{
	color: #000000;
	text-decoration: underline;
}

/* form */

.form input.error, textarea.error {
	margin-left: 1px !important;
	outline: 1px solid #F00;
}

.box input.error[type="text"], .box textarea.error {
	width: 209px;
	margin: 0 1px 1px;
}

.form label.error {
	display: none !important;
}

.box .form .submit {
                background-color: #000000;
                color: #FFFFFF;
                cursor: pointer;
                font-size: 15px;
                font-weight: normal;
                height: 20px;
                line-height: 20px;
                padding-left: 5px;
                right: 10px;
                text-decoration: none;
}
.box .form .submit .box-link-arrow {
                background: url("/Common/PublishingImages/submit-arrow.png") no-repeat 0 0 transparent;
                display: inline-block;
                height: 29px;
                padding-top: 0;
                vertical-align: top;
                width: 24px;
                margin-left: 5px;
}


.box .form .submit.disabled {
	color: #999C9F;
	cursor: default;
}

.box .form .submit.disabled:hover .box-link-arrow {
	background-position: -5px -112px;
	cursor: default;
}



/* select */

select {
	cursor: pointer;
}

.customStyleSelectBox {
	background: url("../images/select-arrow.png") no-repeat right center #FFFFFF;
	cursor: pointer;
	height: 16px;
	padding: 4px;
}

.customStyleSelectBox .customStyleSelectBoxInner {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	line-height: 1.2em;
}

select option {
	height: 18px;
	overflow: hidden;
	padding: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*----------------------------------------*/
/*------- .header ------------*/
/*------------------------------*/

header.header {
	width: 100%;
}

.header {
	position: relative;
	padding: 10px 0 0;
	background-color: #ffffff;/*
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	-pie-background: linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(238,238,238,1) 100%);*/
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

.header #search {
	position: absolute;
	top: -10px;
	right: 20px;
	overflow: hidden;
	width: 380px;
	background-color: #E2E2E2;
}
.header #search input {
	background-color: transparent;
	float: left;
	width: 90%;
	padding: 3px;
	color: #666666;
}
.header #search .arrow {
	background-position: 5px -107px;
}
.header #header-ft {
    height: 32px;
    overflow: hidden;
    position: relative;
}
.breadcrumb {
    background: none repeat scroll 0 0 white;
    font-size: 11px;
    height: 22px;
    overflow: hidden;
    padding-top: 10px;
    position: relative;
    z-index: 2;
	margin: 1px 0 0 15px;
	display: inline-block;
}
.breadcrumb a {
	color: #000000;
}
.header .addThis {
	margin: 5px 15px;
    position: absolute;
    right: 0;
    top: 0;
	z-index: 1;
	min-width: 235px;
}
.addthis_button_tweet {
	width: 90px;
}

.stwrapper {
    height: 100% !important;
}

.pluginCountButton {
	margin-left: 5px;
}

.arrow {
	background: url("../images/sprite_iveco.png") no-repeat -2px -107px transparent;
	display: block;
	height: 22px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 22px;
}
.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	font-size: 0;
}
.tabs .title {
	font-family: 'GillSansBold', Arial, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	margin-left: 10px;
	padding: 5px 10px 15px;
	display: block;
}
.tabs li {
    background-color: #000000;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin-left: 1%;
    padding: 10px 0 10px 1.1%;
    position: relative;
    text-transform: uppercase;
    /*width: 17.9%;*/
	width: 177px;
}
.tabs li strong {
    display: inline-block;
    font-size: 13px;
    line-height: 100%;
    max-height: 100%;
    overflow: hidden;
    position: relative;
    text-shadow: 2px 1px 0px #000000;
	/*filter: dropshadow(color=##333, offx=0.1em, offy=0.1em);*/
    vertical-align: middle;
	font-family: 'GillSansBold', Arial, sans-serif;
	font-weight: normal;
}
.tabs li img {
    bottom: 4px;
    max-height: 60px;
    position: absolute;
    right: 5px;
}
.tabs li.selected,
.tabs li:hover {
	background-color: #ffffff;
	color: #000000;
}
.no-boxshadow .tabs li.selected .ui-text-shadow-copy,
.no-boxshadow .tabs li:hover .ui-text-shadow-copy {
	color: #ffffff !important;
	left: 1px !important;
	top: -2px !important;
}
.tabs li.selected strong,
.tabs li:hover strong {
	text-shadow: 1px -1px 0px #FFFFFF;
	/*filter: dropshadow(color=##FFF, offx=0.1em, offy=0.1em);*/
}

#filters {
    background-color: #FFFFFF;
    margin-left: 10px;
    width: 968px;
	padding: 20px 0 10px 10px;
}

#filters strong {
	vertical-align: top;
}

#filters strong, #filters label {
	font-family: 'GillSans', Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}

#filters label {
	font-size: 14px;
	margin-left: 10px;
	text-transform: none;
}

#filters input {
	margin-left: 15px;
}

/*#addThisDiv .addthis_counter.addthis_pill_style.addthis_nonzero a.addthis_button_expanded {
	display:none !important;
}
*/
/*----------------------------------------*/
/*------- SPLASH PAGE ------------*/
/*------------------------------*/
body.splash {
	height: 100%;
	width: 100%;
}
.splash .mainContainer {
	height: 100%;
	position: absolute;
	width: 100%;
}
.splash .site-content {
	bottom: 148px;
	height: 100%;
	position: absolute;
}
.splash .header {
	margin-top: 15px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 1;
	overflow: visible;
	background: transparent;
	padding: 10px 0 0;
}

.splash .header span {
	display: block;
	width: 150px;
	margin: 5px auto 0;
	padding-top: 7px;
}

.splash .nav-countries > ul:first-child > li, .splash-links li {
	background: url("../images/separator.png") no-repeat right 5px transparent;
	line-height: 100%;
	padding: 5px 25px;
	display: inline-block;
}

.splash .nav-countries {
	background-color: rgba(255, 255, 255, 0.7);
	padding: 10px 0;
	position: relative;
	float: none;
	margin: 0;
}

.splash .nav-countries ul {
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
	display: block;
}

.splash .header .country-box {
	left: 50%;
	margin-left: -495px;
	padding: 5px 0;
	position: absolute;
	overflow: hidden;
	top: 53px;
	width: 990px;
	-webkit-column-count: 4;
	-ms-column-count: 4;
	-o-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 0px;
	-ms-column-gap: 0px;
	-o-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
}

.rgba .splash .header .country-box {
	background-color: rgba(255, 255, 255, 0.8);
}

.splash .header .country-box ul li {
	font-weight: normal;
	display: block;
}

.splash .header .country-box ul li a {
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	display: block;
	line-height: 2.5em;
	height: 2.5em;
	text-transform: none;
	padding: 0 0 0 10%;
	width: 15%;
}

.splash .header .country-box.col-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-ms-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
}

.splash .header .country-box.col-2 ul li a {
	padding: 0 0 0 20%;
	width: 30%;
}
.no-rgba .splash .nav-countries, .no-rgba .splash .header span, .no-rgba .splash-links, .splash .header .country-box {
	background: url('../images/bg-ie.png') repeat;
}

.rgba .splash .header span {
	background-color: rgba(255, 255, 255, 0.7);
}

.splash .header li a {
	clear: both;
	display: block;
	padding: 5px;
	position: relative;
	text-transform: uppercase;
	color: #000000;
	font-size: 14px;
}

.splash .header nav li.link-box > a:hover{
	background-color: #FFF;
}

.splash .header nav li.link-box > a:after {
	border-top: 5px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	content: "";
	position: absolute;
	display: none;
}

.splash .header nav li.link-box > a:hover:after {
	display: block;
}
.splash .canvas {
	height: 100%;
}
.splash .box-news {
	background-color: rgba(0, 0, 0, 0.6);
	bottom: 55px;
	color: #FFFFFF;
	display: block;
	font-size: 0;
	left: 660px;
	overflow: hidden;
	padding: 10px 0 30px;
	position: absolute;
	white-space: nowrap;
	width: 248px;
	z-index: 2;
}

.splash .box-news .news {
	border-bottom: 1px solid #000000;
	margin: 0 10px;
	padding: 15px 10px;
	display: inline-block;
	font-size: 13px;
	white-space: normal;
	vertical-align: top;
}

.splash .box-news .data {
	color: #999;
	margin-bottom: 5px;
	display: block;
}

.splash .box-news p {
	height: 2.5em;
	overflow: hidden;
}

.no-rgba .splash .box-news {
	background: url('../images/bg-ie-black.png') repeat;
}

.splash .splash-links {
	background-color: rgba(255, 255, 255, 0.7);
	bottom: 0;
	margin-top: -56px;
	padding: 10px 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.splash .splash-links a {
	font-size: 14px;
	color: #333333;
	text-transform: uppercase;
	font-weight: bold;
}

.splash .splash-links .wrapper {
	text-align: center;
}

.splash-links li {
	background-position: right 0px;
}

.splash .mainContainer .footer-iveco {
	background-color: #f1f1f1;
	position: relative;
	text-align: center;
}

.splash .footer {
	bottom: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}
.splash .footer-iveco img {
	padding: 0 10px;
	width: 60px;
}


/*------- CANVAS SPLASH PAGE ------------*/

.splash .slideshow-mask {
	width: 100%;
	height: 100%;
	max-width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.splash .bottom-tape {
	background: none repeat scroll 0 0 transparent;
	bottom: 45px;
	font-size: 1rem;
	height: 50px;
	left: 0;
	margin: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1;
}
.splash .box-news .bottom-tape {
	bottom: 0;
	height: 5px;
	padding: 0;
}
.splash .slideshow-console {
	background: none repeat scroll 0 0 transparent;
	display: inline-block;
	height: 2.5em;
	position: relative;
	width: 2.8em;
}

.splash .elemContainer > * {
	width: 100%;
}

/*----------------------------------------*/
/*------- CONTACT PAGE ------------*/
/*------------------------------*/

.contact .page-content, .contact aside {
	margin-top: 50px;
}
.contact .page-content article .subtitle,
.contact .page-content article .subtitle strong {
	margin-top:5px;
	margin-bottom: 10px;
}
.contact article .box-text {
	padding: 0 15px;
	height: auto;
	white-space: normal;
}
.contact article.boxes .box-text {
	padding: 0;
}
.contact #box-faq > .box, .contact #box-tech > .box {
	padding-bottom: 70px;
}
.contact .form p {
	margin-bottom: 5px;
}
.contact .separator_hr {
	margin-bottom: 25px;
}
.contact .form .title {
	font-size: 12px;
	color: #666666;
}
.contact #box-form .block {
	padding: 15px 0;
	overflow: hidden;
	border-top: 2px dotted #D1D1D1;
}
.contact #box-form .title {
	font-weight: bold;
}
.contact #box-form input, .contact #box-form .select-cont, .contact #box-form textarea {
	margin-right: 9px;
	margin-top: 10px;
	width: 215px;
	display: inline-block;
	vertical-align: middle;
}
.contact #box-form select {
	margin: 0;
	width: 221px;
}
.contact #box-form .customStyleSelectBox {
	margin: 0;
	width: 215px;
}
.contact #box-form .select-cont {
	width: 221px;
}
.contact #box-form input[name="house_numb"] {
	margin-right: 5px;
	width: 55px;
}
.contact #box-form input[name="zipcode"] {
	width: 147px;
}
.contact #box-form .block p {
    color: #666666;
    display: inline-block;
    font-size: 11px;
    margin-top: 10px;
    vertical-align: top;
    width: 465px;
}
.contact #box-form textarea {
	max-width: 450px;
	min-width: 450px;
	background-color: #EEEEEE;
	height: 150px;
	overflow: hidden;
	margin-right: 3px;
}
.contact #box-form .comment {
	width: 230px;
	height: 7.8em;
	overflow: auto;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	padding-right: 5px;
}

.contact #box-form .note input {
	vertical-align: bottom;
    width: 15px;
}

.contact #box-form .comment p {
	width: 100%;
	height: auto;
	margin: 0;
}
.contact #box-form .captcha {
	display: inline-block;
	height: 53px;
	margin-right: 20px;
	vertical-align: middle;
	width: 186px;
}

.refresh {
  margin-right: 40px;
  vertical-align: middle;
}

.contact #box-form .submit {
	bottom: 15px;
	width: auto;
}
.contact .boxes .box-link {
	top: 15px;
}
.contact #box-tech .box-sliding {
	display: none;
}
.contact li {
	position: relative;
}
.contact .question .box-title.faq-accordion {
	cursor: pointer;
}
#box-contact .bottom-tape {
    background: none repeat scroll 0 0 transparent;
    font-size: 1rem;
    height: 50px;
    left: 0;
	bottom: 0;
	top: auto;
	right: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
	display: none;
}

#box-contact .slideshow-console {
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    height: 2.5em;
    position: relative;
    width: 2.8em;
	top: 30px;
}

.choose-lang .title {
	display: inline;
	margin-right: 10px;
}

.choose-lang .select {
	display: inline;
}

#form-contact label {
    display: block;
    margin-bottom: 10px;
}

#form-contact label a {
	text-decoration: underline;
}

#form-contact input[type="checkbox"] {
    margin-right: 10px;
    vertical-align: bottom;
	width: 15px;
}

#form-contact a.legal-note {
	float: right;
	text-decoration: underline;
	margin-top: 10px;
}


/*----------------------------------------*/
/*------- SITEMAP PAGE ------------*/
/*------------------------------*/

.box.col-3.box-sitemap .box-content {
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
}


.box-sitemap .column {
    float: left;
    margin: 20px 0 20px 20px;
    padding: 0 20px 0 0;
    width: 324px;
}

.box-sitemap .column:first-child {
	border-right: 1px dotted #D1D1D1;
}

.box-sitemap .block > li > ul > li.category {
    border-top: 1px dotted #D1D1D1;
	padding: 10px 0 0 10px;
}

.box-sitemap .block > li > ul > li:first-child {
    border: none;
}

.box-sitemap .section {
	border-bottom: 2px dotted #D1D1D1;
}

.box-sitemap .block {
	padding: 10px 10px 0;
	font-size: 13px;
	color: #000000;
	border-top: 2px dotted #D1D1D1;
}

.box-sitemap a, .box-sitemap span {
	padding-bottom: 10px;
	display: block;
}

.box-sitemap .category li a {
    display: inline-block;
    overflow: hidden;
    width: 60%;
}

.box-sitemap .weight {
	float: right;
    width: 38%;
	padding: 0;
}

.box-sitemap .weight span {
	font-size: 11px;
	font-weight: normal;
	display: block; 
    left: 5px;
    line-height: 1.3em;
    position: relative;
    vertical-align: top;
    z-index: 1;
	padding: 0;
}

.box-sitemap .weight img {
	display: block;
    float: left;
    margin: 0 1px;
}

.box-sitemap .title {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
}

.box-sitemap .category > span{
	color: #999999;
	display: block;
}

/* JPANE SCROLLBARS */

.jspContainer
{
	overflow: hidden;
	position: relative;
}
.jspPane
{
	position: absolute;
}
.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 100%;
	background: #EEEEEE;
}

.box-lightbox .jspVerticalBar
{
	width: 20px;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent;
}
.jspHorizontalBar .jspArrow.jspArrowLeft, .jspHorizontalBar .jspArrow.jspArrowRight,
.jspVerticalBar .jspArrow.jspArrowLeft, .jspVerticalBar .jspArrow.jspArrowRight
{
	background: url("../images/sprite_iveco.png");
}
.jspHorizontalBar .jspArrow.jspArrowLeft
{
	background-position: -6px -505px;
}
.jspHorizontalBar .jspArrow.jspArrowRight
{
	background-position: -4px -489px;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}
.jspCap
{
	display: none;
}
.jspHorizontalBar .jspCap
{
	float: left;
}
.jspTrack
{
	background: #EEEEEE;
	position: relative;
}
.jspDrag
{
	background: #000000;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}
.jspArrow
{
	background: #000;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled
{
	cursor: default;
	background: #000;
}
.jspVerticalBar .jspArrow
{
	height: 23px;
}
.jspVerticalBar .jspArrowUp, .jspVerticalBar .jspArrowDown {
	background-color: #EEEEEE;
	background-image: url("../images/sprite_iveco.png");
}
.jspVerticalBar .jspArrowUp {
	background-position: 0 -203px;
}
.jspVerticalBar .jspArrowDown {
	background-position: 0 -227px;
}
.jspHorizontalBar .jspArrow
{
	width: 20px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
	outline: none;
}
.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/*----------------------------------------*/
/*------- footer ------------*/
/*------------------------------*/

.footer.footer {
	background-color: #FFF;
	position: relative;
	width: 100%;
	padding: 0;
}

.footer p.flt-right {
  line-height: 2.2em;
}

.footer .footer-black {
	background-color: #000;
}

.footer .wrapper {
	padding: 10px 5px;
	overflow: hidden;
}

.social-links {
	float: left;
}

.icon-social {
	background: url("../images/sprite_iveco.png") no-repeat 0 -1px transparent;
	display: inline-block;
	*display: inline;
	zoom: 1;
	height: 25px;
	width: 30px;
}

.icon-social.icon-yt {
	background-position: 0 -27px;
}
.icon-social.icon-lk {
	background-position: 0 -54px;
}
.icon-social.icon-fl {
	background-position: 0 -81px;
}

.icon-social-trasp {
	background: url("../images/sprite_iveco.png") no-repeat 0 -580px transparent;
	display: inline-block;
	height: 25px;
	vertical-align: middle;
	width: 25px;
	*display: inline;
	zoom: 1;
	margin-left: 5px;
}

.icon-social-trasp.icon-yt {
	background-position: 0 -607px;
}
.icon-social-trasp.icon-fl {
	background-position: 0 -633px;
}
.icon-social-trasp.icon-tw {
	background-position: 0 -659px;
}

.icon-social-trasp.icon-pc {
    background-position: 0 -893px;
}
.footer .footer-black .flt-right a {
	color: #FFF;
	line-height: 30px;
}

.footer .footer-black .flt-right a:after {
	content: "•";
	margin-right: 7px;
	padding-left: 10px;
}

.footer .flt-right a.last:after {
	content: "";
}

.footer .footer-black .flt-right a {
	color: #FFFFFF;
	font-family: 'GillSans', arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

.footer img.v-align-middle {
	margin-left: 10px;
}

.footer .footer-iveco {
	bottom: 0;
	position: absolute;
}

.footer .loghi-iveco {
	float: left;
}

.footer .loghi-iveco img {
	float: left;
	padding-right: 15px;
}

.footer .updates > span {
    display: inline-block;
    padding: 7px 0;
}

.footer .updates, .footer .slider {
	font-size: 13px;
	color: #FFF;
	background: url('../images/sprite_iveco.png') no-repeat 0 0 transparent;
}

.footer .updates {
    background-position: 0 -167px;
    float: left;
    padding: 8px 0 6px 30px;
	font-size: 12px;
	line-height: 26px;
	margin-left: 20px;
}

.footer #footer-social {
	overflow: hidden;
	background-color: #161C2A;
	color: #FFF;
}

.footer #footer-social .wrapper {
	padding: 0;
	white-space: nowrap;
}

.footer #footer-social.opened .slider {
	background-position: 40px -195px;
}

.footer #footer-social .slider {
	background-position: 40px -218px;
	float: right;
	padding: 13px 30px 8px 0;
	text-align: right;
	width: 30px;
	margin-right: 20px;
}

.footer #footer-social-.header {
	overflow: hidden;
	-webkit-box-shadow: 0 -4px 3px 4px #FFFFFF;
	-moz-box-shadow: 0 -5px 3px 4px #FFFFFF;
	-ms-box-shadow: 0 -5px 3px 4px #FFFFFF;
	-o-box-shadow: 0 -5px 3px 4px #FFFFFF;
	box-shadow: 0 -5px 3px 4px #FFFFFF;
}

.footer .footer-social-content {
	border-top: 1px solid #11141d;
	font-size: 0;
	display: none;
}

/*.footer.home .footer-social-content {
	display: block;
}*/

.footer .footer-social-content article {
	border-right: 1px solid #000000;
	color: #999999;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 180px;
	margin: 30px 0 15px;
	min-width: 196px;
	position: relative;
	vertical-align: top;
}

.footer .footer-social-content article .content {
	color: #999999;
	padding: 25px 25px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 197px;
	min-height: 144px;
	position: relative;
	border-right: 1px solid #000000;
	white-space: normal;
	vertical-align: top;
}

.footer .footer-social-content .content {
	background: url(../images/loader.gif) no-repeat center center;
}

.footer .footer-social-content article .content .title{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	max-width: 190px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
	text-transform: uppercase;
}

.footer .footer-social-content article.last {
	background: none;
}

.footer .footer-flags {
	background: url('../images/sprite_iveco.png') no-repeat 0 0 transparent;
	height: 32px;
	display: block;
	padding: 10px 0 0 50px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	position: absolute;
	top: -30px;
	margin-left: 20px;
}

.footer .facebook .footer-flags.flag {
	background-position: 0 -256px;
	color: #2E6194;
}

.footer .youtube .footer-flags.flag {
	background-position: 0 -302px;
}

.footer .flickr .footer-flags.flag {
	background-position: 0 -348px;
}

.footer .twitter .footer-flags.flag {
	background-position: 0 -394px;
	color: #2CB6F2;
}
.footer .picasa .footer-flags.flag {
	background-position: 0 -844px;
}
.footer #footer-social .thumb {
	margin: 0 auto 5px;
	position: relative;
	width: 100%;
}

.footer #footer-social img {
	display: block;
}

.footer #footer-social .thumb-play {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.footer #footer-social .youtube a{
	display: block;
	position: relative;
	z-index:1;
}
.footer #footer-social .youtube a img{
	display: block;
	position: relative;
	z-index:-1;
}
.footer #footer-social .youtube a:after {
	content: "";
	background: url("../images/sprite_iveco.png") no-repeat 0 -440px transparent;
	display: block;
	height: 36px;
	left: 50%;
	margin-left: -18px;
	margin-top: -18px;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	top: 50%;
	white-space: nowrap;
	width: 36px;
	z-index:2;
}
.footer #footer-social p.author {
	max-height: 2.4em;
	overflow: hidden;
}

.footer #footer-social .facebook .content .post-container {
	height: 2.4em;
	overflow: hidden;
}

.footer #footer-social .facebook .content .post-container .jspVerticalBar {
	width: 15px;
}

.footer #footer-social .facebook .content .post-container.opened {
	height: 11.8em;
	overflow: auto;
}

.footer #footer-social .facebook .content .post-container.opened .post {
	height: auto;
}

.footer #footer-social .facebook p.post {
	height: 2.4em;
	overflow: hidden;
}

.footer #footer-social .facebook .post-link {
	width: 100%;
}

.footer #footer-social .facebook .read-more {
    background: url("../images/sprite_iveco.png") no-repeat scroll 0 -230px transparent;
    display: block;
    font-size: 11px;
    height: 10px;
    padding-top: 3px;
    text-align: center;
    text-decoration: underline;
    width: 20px;
	margin: 2px auto;
	cursor: pointer;
}

.footer #footer-social .facebook .read-more.opened {
	background-position: 0 -205px;
}


/*.footer #footer-social .twitter p, .footer #footer-social .facebook p {
	margin: 10px 0;
}*/
.footer #footer-social .twitter .tweet .text{
	/*max-height: 8.6em;*/
	overflow: hidden;
	max-height: 8.2em;
}
.footer #footer-social .twitter .tweet {
	/*max-height: 8.6em;*/
	overflow: hidden;
	height: 10em;
}
.footer #footer-social .twitter .author {
    display: block;
    line-height: 1.2em;
    margin-top: 8px;
}
.footer .footer-end span, .footer .footer-end a {
	font-size: 11px;
	color: #999999;
}
.footer .footer-end .flt-right {
	margin-top: 10px;
}
/*----------------------------------------*/
/*------- main nav ------------*/
/*------------------------------*/
.top-nav {
	float: right;
	position: relative;
	bottom: 15px;
	right: 20px;
}
.top-nav li {
	float: left;
	font-family: 'GillSans', Arial, sans-serif;
	text-transform: uppercase;
	padding-left: 20px;
}
.top-nav li a:hover, .top-nav li.selected a {
	color: #003366;
}
.main-nav {
	font-size: 0;
	white-space: nowrap;
	margin-top: 16px;
	position: relative;
	z-index: 10;
}
.main-nav .level-0 > li,
.main-nav .level-1 > li {
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}
.main-nav .level-0 > li:first-child {
	border-left-color: #000000;
}

/*.main-nav .level-0 > li > a {
  height: 41px\0 !important;
}*/

.main-nav .level-1 > li {
	border: none;
}
.main-nav .level-0 > li > a,
.main-nav .level-1 > li > a,
.main-nav .level-1 > li > span {
	white-space: normal;
	color: #FFFFFF;
	background-color: #000000;
	display: block;
	height: 40px;
	line-height: 35px;
	padding: 0 1em;
	font-family: 'GillSans', arial, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.main-nav .level-1 > li > a,
.main-nav .level-1 > li > span {
	background-color: #C2C7CA;
	color: #000000;
	padding: 0;
}
.main-nav .level-0 > li > a > span,
.main-nav .level-1 > li > a > span,
.main-nav .level-1 > li > span > span {
	line-height: 1em;
	display: inline-block;
	vertical-align: middle;
}
.main-nav .level-1 > li > a > span,
.main-nav .level-1 > li > span > span {
	border-left: 1px solid #E7E7E7;
	border-right: 2px solid #D7D7D7;
	height: 20px;
	line-height: 20px;
	margin: 10px 0;
	padding: 0 1em;
}
.main-nav .level-1 > li.selected > a > span,
.main-nav .level-1 > li:hover > a > span,
.main-nav .level-1 > li.selected > span > span,
.main-nav .level-1 > li:hover > span > span {
	border-color: transparent;
}
.main-nav .level-1 > li:first-child > a > span,
.main-nav .level-1 > li:hover + li > a > span,
.main-nav .level-1 > li.selected + li > a > span,
.main-nav .level-1 > li:first-child > span > span,
.main-nav .level-1 > li:hover + li > span > span,
.main-nav .level-1 > li.selected + li > span > span {
	border-left-color: transparent;
}
.main-nav .container {
	background-color: #C2C7CA;
	font-size: 0;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}
.main-nav .level-1,
.main-nav .level-3 {
	display: none;
}
.main-nav .level-0 > li.selected .level-1,
.main-nav li.selected .level-3 {
	display: inline-block;
}
.main-nav .level-0 > li:hover,
.main-nav .level-0 > li.selected,
.main-nav .level-0 > li.lighted {
	border-color: #E9E9E9;
}
.main-nav .level-0 > li:hover > a,
.main-nav .level-0 > li.selected > a,
.main-nav .level-0 > li.lighted > a {
	background-color: #E9E9E9;
	color: #000000;
}
.main-nav .level-1 > li:hover > a,
.main-nav .level-1 > li.selected > a,
.main-nav .level-1 > li:hover > span,
.main-nav .level-1 > li.selected > span {
	background-color: #FFFFFF;
	color: #000000;
}
.main-nav .level-1 > li > .level-2 {
	background-color: #FFFFFF;
	white-space: normal;
	display: none;
	left: 0;
	position: absolute;
	top: 40px;
	padding-top: 10px;
	padding-bottom: 40px;
	width: 100%;
	overflow: hidden;
	font-size: 0
}
.main-nav .level-1 > li.selected > .level-2 {
	display: block;
	box-shadow: 0 4px 9px -4px #545454;
}
.main-nav .level-2 .content > li.category {
	display: inline;
	position: relative;
	vertical-align: top;
	padding-left: 7px;
}
.main-nav .level-2 .title {
	border-left: 2px dotted #CCCCCC;
	display: block;
	height: 15px;
	left: 5px;
	padding-bottom: 100px;
	padding-left: 10px;
	position: absolute;
	top: 0;
	width: 250px;
}
.main-nav .level-2 .content > li:first-child .title {
	border-left: none;
	overflow: hidden;
}
.main-nav .level-2 .title img {
	margin: 0 1px;
	display: block;
    float: left;
}
.main-nav .level-2 .title span {
	font-family: 'GillSansBold', Arial, sans-serif;
	font-size: 11px;
	vertical-align: top;
	display: block;
	position: relative;
	left: 5px;
	z-index: 1;
	line-height: 1.3em;
}
.main-nav .level-2 .content li.item {
	background-color: #FFFFFF;
	float: left;
	height: 105px;
	left: 5px;
	margin-left: 3px;
	margin-top: 15px;
	overflow: hidden;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	text-align: center;
	top: 0;
	min-width: 110px;
	clear: none !important;
}
.main-nav .level-2 .item a {
	font-size: 13px;
}
.main-nav .level-2 .item a img {
	display: block;
	margin: 10px auto 5px;
	line-height: 1.3em;
}
.main-nav .menu-footer {
	background-color: #C2C7CA;
	left: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
	box-shadow: 0 0 1px #666666 inset; 
	-webkit-box-shadow: 0 0 1px #666666 inset; 
	-moz-box-shadow: 0 0 1px #666666 inset; 
	-o-box-shadow: 0 0 1px #666666 inset;
}
.main-nav .menu-footer li {
	float: left;
	height: 100%;
	width: 49%;
}
.main-nav .menu-footer li:first-child {
	border-right: 1px dotted #FFFFFF;
}
.main-nav .menu-footer a {
	display: block;
	overflow: hidden;
	padding-left: 4%;
	position: relative;
}
.main-nav .menu-footer strong,
.main-nav .menu-footer span {
	font-size: 12px;
	vertical-align: middle;
}
.main-nav .menu-footer span {
	font-size: 12px;
	vertical-align: middle;
}
.main-nav .menu-footer img {
	margin: 5px;
	vertical-align: middle;
	display: inline;
}
.main-nav .menu-footer strong {
	font-family: 'GillSansBold', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	color: #000000;
	padding-left: 10px;
	font-weight: normal;
	margin-right: 20px;
	vertical-align: middle;
}


.main-nav .photo-menu .frame {
	background-image: url("../images/press-room/frame.png");
    background-position: center 0;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
	width: 100%;
    left: 7px;
    position: absolute;
    top: 0;
}
.main-nav .photo-menu .frame {
	background-image: url("../images/press-room/frame.png");
    background-position: center 0;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
	width: 100%;
    left: 2px;
    position: absolute;
    top: 2px;
}
.main-nav .photo-menu .level-2 .content li.item img {
	margin-bottom: 20px;
	height: 60px;
	max-width:95px;
	padding-left: 12px;
}
.main-nav .photo-menu .level-2 .content li.item {
    border-right: none;
}

/* .photo-menu slider menu */
.main-nav .photo-menu .level-1 > li > .level-2 {
	white-space: nowrap;
}
.photo-menu .box-pages .bottom-tape {
	height: 25px;
	padding: 0;
	text-align: center;
	width: 100%;
	bottom: 0;
	top: auto;
}
.photo-menu .box-pages .bottom-tape .slideshow-console {
	margin: 0 auto;
	position: static;
}
.photo-menu .bottom-tape .arrow {
	display: block !important;
	position: absolute;
	top: 50%;
	margin-top: -140px;
	height: 21px;
	width: 11px;
}
.photo-menu .bottom-tape .arrow.left {
	left: 5px;
	background: url('../images/arrow-left-menu.png') no-repeat center center;
	visibility: hidden;
}
.photo-menu .bottom-tape .arrow.right {
	right: 5px;
	background: url('../images/arrow-right-menu.png') no-repeat center center;
}
.bottom-tape.clonedControls {
	display: none;
}
.box-photos .bottom-tape.clonedControls {
	display: block;
	bottom: 0;
	top: auto;
}
.box-photos .bottom-tape.clonedControls .slideshow-console {
	bottom: 5px;
}

/* lightbox */

.overlay_lightbox {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/loader_white.gif) no-repeat scroll center center #FFFFFF;
	z-index:100;
	width: 100%;
	/*Trasperenza cross browser*/
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	position: fixed;
}

.overlay_lightbox.booking {
	background-color: #000000;
}

.box-lightbox {
	background-color: #FFFFFF;
	box-shadow: 0 0 14px #B8B8B8;
	height: auto;
	position: fixed;
	width: 500px;
	z-index: 300;
	left: 50%;
	top: 50%;
	display: block;
}

.box-lightbox#Company_1 {
	height: 300px;
	margin-top: -150px;
	margin-left: -250px;
}

.no-rgba .box-lightbox {
	background-image: none;
	background-color: #FFFFFF;
}

.boxshadow .box.box-lightbox:before {
	box-shadow: none;
}

.box-lightbox .box-content {
	padding: 50px 3% 15px;
	width: 94%;
}

.box-lightbox .scroll-pane {
	display: inline-block;
	height: 100%;
	overflow: auto;
	padding-right: 5px;
	width: 100%;
}

.box-lightbox p {
	color: #000000;
	height: auto;
	width: 100%;
	line-height: 1.25em;
	margin: 30px auto 20px;
	width: 60%;
	font-size: 14px;
}

.box-lightbox#legal-note p {
    color: #555555;
    font-size: 14px;
    height: auto;
    line-height: 1.25em;
    width: 99%;
	margin: 0;
}

.box-lightbox .title {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 1em;
}

.box-lightbox a.close {
	color: #000000;
	font-family: 'GillSans', arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	right: 20px;
	text-decoration: none;
	top: 20px;
}

.box-lightbox_booking {
  background-color: transparent;
  box-shadow: 0 0 14px #B8B8B8;
  display: block;
  height: 650px;
  left: 50%;
  margin-left: -390px;
  margin-top: -300px;
  position: fixed;
  top: 50%;
  width: 780px;
  z-index: 300;
}

.box-lightbox_booking, .box-lightbox_booking .box {
	box-shadow: none;
}

.box-lightbox_booking.error, .box-lightbox_booking.success {
	background-color: #FFFFFF;
	height: 300px;
	margin-top: -150px;
}

a.close {
    color: #000000;
    font-family: 'GillSans',arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 20px;
}

/*----------------------------------------*/
/*------- RESULTS PAGE ------------*/
/*------------------------------*/

.site-content.results .boxes {
	padding-top: 50px;
}

.site-content.results .query-results {
	font-size: 15px;
	color: #42628e;
	display: block;
	margin: 15px 13px 10px;
}

.box-results .page, .box-pages .page {
    display: inline-block;
	margin-bottom: 10px;
	font-size: 0;
	width: 100%;
}

.box-results .bottom-tape, .box-pages .bottom-tape {
    background: none;
    font-size: 1rem;
    height: 50px;
    right: 0;
	left: auto;
	top: 10px;
    margin: 0;
    position: absolute;
    z-index: 1;
	width: 45%;
}

.box-results .slideshow-console, .box-pages .slideshow-console {
	background: none repeat scroll 0 0 transparent;
	left: auto;
    right: 0;
}

.box-results .slideshow-console span, .box-pages .slideshow-console span {
	background-color: #666666;
}

.box-results .slideshow-console li.selected span, .box-results .slideshow-console li:hover span,
.box-pages .slideshow-console li.selected span, .box-pages .slideshow-console li:hover span {
    background-color: #CCCCCC;
}

.no-borderradius .boxes .slideshow-console li.selected span, .no-borderradius .boxes .slideshow-console li:hover span {
    background-image: url("../images/bullet.png");
	background-color: transparent !important;
}

.box.box-results .box-content {
	width: 462px;
	height: auto;
	margin: 15px 0;
	border-left: 1px dotted #D1D1D1;
}

.box.box-results hr {
    height: 1px;
    margin: 0 auto;
    width: 97%;
}

.box.box-results .separator_hr {
    background-image: url("../images/press-room/separator_hr_large.png");
	margin: 0;
}

.box.box-results hr + .box-content {
	border: none;
}

.box.box-results p {
    margin-top: 15px;
}

.box.box-results .title:hover {
    text-decoration: underline;
}

.box.box-results .date {
    display: block;
}

.box.box-press .date {
    margin-bottom: 2px;
	display: block;
	color: #525252;
}

.box.box-press .title {
  max-height: 3.6em;
  line-height: 1.2em;
  overflow: hidden;
  height: auto !important;
}

.box.box-press.col-2 .title, .box.box-press.col-3 .title, .box.box-press.col-4 .title {
    height: 3.1em;
}

.box.box-press.col-2 p.text, .box.box-press.col-3 p.text, .box.box-press.col-4 p.text {
    height: 10.3em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  
.box.box-press.col-2 p.text, .box.box-press.col-3 p.text, .box.box-press.col-4 p.text {
    height: 10.2em;
} 
}

/*----------------------------------------*/
/*------- BOOKING PAGE ------------*/
/*------------------------------*/

.box.box-booking {
	margin-left: 10px;
}

.box.box-booking .box-content {
	width: auto;
	height: auto;
	padding-top: 45px;
	margin-bottom: 10px;
}

.box.box-booking .box-link {
	color: #000000;
}

.box.box-booking .box-link .circle-arrow {
	vertical-align: text-bottom;
	margin-left: 10px;
}

.c_booking_calendar a.close {
    color: #000000;
    font-family: 'GillSans', arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 20px;
}

/*----------------------------------------*/
/*------- CONFIGURATOR PAGES ------------*/
/*------------------------------*/

.configurator {
    background-image: url("/common/publishingimages/cc/cc_bg.jpg");
    background-position: center -30px;
    background-repeat: no-repeat;
    min-height: 520px;
}

section#step-2, section#step-3 {
	display: none;
}

.configurator .page-content {
	/*background: url(../images/loader_transparent.gif) no-repeat center center;*/
}

.note.img {
    clear: both;
    float: right;
    margin: 10px 0;
    text-align: center;
    width: 300px;
}


section#step-1 {
    height: 340px;
    overflow: hidden;
    position: relative;
    top: 145px;
}

section#step-2 {
    background-image: url("../images/cc-shadow.png");
	background-image: none\9; 
	background-position: -50px 300px;
    background-repeat: no-repeat;
	/*display: none;*/
}

section#step-2, section#step-3  {
    padding: 100px 10px 50px 20px;
	overflow: hidden;
}

section#step-2 .back, section#step-3 .back {
	font-size: 16px;
}

section#step-2 .back, section#step-3 .back .box-link-arrow {
	padding-right: 5px;
}


section#step-2 .back .box-link-arrow {
	margin-right: 5px;
}

section#step-2 .cc-title {
	padding-bottom: 10px;
	font-size: 21px;
	color: #000000;
}

section#step-2 .cc-intro {
	padding-bottom: 10px;
	font-size: 14px;
	width: 40%;
}

section#step-2 .select-form {
	position: relative;
	width: 300px;
	overflow: hidden;
	margin-bottom: 25px;
}

section#step-2 .select-form .block {
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
	margin-top: 5px;
}

section#step-2 label {
    display: inline-block;
    font-weight: bold;
    padding: 5px;
}

span.info {
	height: 25px;
	width: 25px;
	display: inline-block;
	background-image:url(../images/info.png);
	background-repeat: no-repeat;
	float: right;
	cursor: help;
}

.disabled {
/*	filter: Alpha(Opacity=50); */
/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; */
	opacity: 0.5;
	cursor: default;
}

.disabled select {
	cursor: default;
}

section#step-2 select {
    background-color: #E2E2E2;
    border: 1px solid #868686;
    border-radius: 3px 3px 3px 3px;
    height: 24px;
    width: 98%;
	display: block;
	margin: 8px auto 15px;
	background: rgb(255,255,255);
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );

}

section#step-2 .select-form .submit {
	font-family: 'GillSans', arial, sans-serif;
    font-size: 16px;
	float: right;
	text-transform: uppercase;
	margin-top: 10px;
}

.cc-lightbox {
	background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
    display: none;
    left: 34%;
    padding: 15px;
    position: absolute;
    top: 60px;
    width: 60%;
    z-index: 1;
	margin-top: -30px;
}

.cc-lightbox:after {
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    top: 40px;
    content: "";
    height: 0;
    margin-left: -10px;
    position: absolute;
    width: 0;
	border-right: 10px solid #FFFFFF;
    left: 0;
}

.cc-lightbox .title {
	font-size: 13px;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #999;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.cc-lightbox p {
	font-size: 12px;
}

.cc-lightbox a.close {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    text-decoration: none;
    text-transform: uppercase;
    top: 12px;
}

.cc-img {
    min-height: 300px;
    min-width: 600px;
    position: absolute;
    right: 0;
    top: 130px;
}

.loading {
    background: url("../images/loader_transparent.gif") no-repeat scroll center center transparent;
}

.loading >* {
	visibility: hidden;
}

cc-label {
    background-image: url("../images/box-label-corner.png");
    padding-top: 10px;
	background-position: left 0;
}

.cc-form {
	position: relative;
}

.step {
    background-image: url("../images/box-label-corner.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    left: -7px;
    padding-top: 5px;
    position: absolute;
    text-transform: uppercase;
    top: 45px;
    width: 100%;
    z-index: 1;
}

.step span {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 15px;
    position: relative;
    text-align: center;
    width: 300px;
}

.step span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #FFFFFF;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    margin-right: -14px;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

.step span.past {
	background-color: #CCCCCC;
	color: #666666;
}

.step span.past:after {
    border-left: 15px solid #CCCCCC;
}

.step span.active {
	background-color: #000000;
	color: #FFFFFF;
}

.step span.active:after {
    border-left: 15px solid #000000;
}

.step .step-1 {
	z-index:3;
}

.step .step-2 {
	z-index:2;
}

.step .step-3 {
	z-index:1;
}

.step span.next {
	background-color: #FFFFFF;
	color: #000000;
}

.step span.last:after {
    border: none;
}

.step .step-2, .step .step-3 {
	margin-left: -5px;
}

#step-3 #summary {
	float:left;
	width: 680px;
}

#step-3  #summary .note.img {
	float: none;
	text-align: left;
	width: auto;
	display: block;
}

.configurator #summary .vehicle {
	border-bottom: 1px solid #999;
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5%;
    padding: 10px 3px;
    text-transform: uppercase;
    width: 43%;
}

.configurator #summary .configuration {
	margin: 20px 0 10px;
}

.configurator #summary .title {
	font-size: 16px;
	text-transform: uppercase;
	color: #333333;
	margin: 0 0 10px;
	font-weight: normal;
}

.configurator #summary .box {
    margin: 0;
	width: 100%;
}

.configurator #summary .box .box-content {
  height: auto;
  padding-bottom: 25px;
  padding-top: 45px;
  width: 96%;
}

.configurator #summary .box input[type="text"] {
    width: 46%;
}

.configurator #summary .back {
	display: block;
	font-size: 12px;
	position: absolute;
	right: 112px;
	text-transform: uppercase;
	top: 20px;
	z-index: 2;
}

.configurator #summary .backToModel {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 20px;
}

.configurator #summary .backToModel span {
	background: url("../images/sprite_iveco.png") no-repeat scroll -5px -128px transparent;
	padding-right: 5px;
}

.configurator .box-cc {
	width: 300px;
}

.configurator .box-cc .box-content {
    padding: 51px 15px 20px;
    width: auto;
}

.configurator .box-cc .box-content > img {
    float: left;
    margin-bottom: 15px;
    margin-top: 18px;
    max-width: 290px;
    width: auto;
}

.configurator .box-cc .box-content .block {
    padding: 10px 5px;
	border-bottom: 1px solid #CCCCCC;
	color: #000000;
}

.configurator .box-cc .box-content .voice {
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
    overflow: hidden;
    white-space: normal;
    width: 43%;
	vertical-align: middle;
}

.configurator .box-cc .box-content #summary-recap {
	float: right;
    margin: 30px;
    width: 300px;
}

.configurator .box-cc .box-content .vehicles-recap {
	clear: both;
}

#summary.printable {
	left: 50px;
    position: fixed;
    top: 50px;
    z-index: 999;  
}
#summary.printable * {
	color: #000;
}
#summary.printable .box-label {
	position: static;
}
.configurator #summary.printable .box .box-content {
	padding-top: 0;
}
/*#summary.printable .box-content > img, */
.configurator #summary.printable a,
#summary.printable .note.img,
#summary.printable .label-img {
	display: none !important;
}
#summary.printable #summary-recap {
	margin-bottom: 20px;
}

.print {
	display: block;
	width: 28px;
	height: 28px;
	background-image:url(../images/icon_print.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute; 
	top: 15px;
	right: 15px;
	z-index: 1;
}

.area {
	position:absolute;
	visibility: hidden;
	z-index: 1;
	display: block;
	overflow: hidden;
}

.area.daily {
    height: 275px;
    width: 290px;
	left: 20px;
    top: 100px;	
}

.area.eurocargo {
    height: 325px;
    width: 316px;
	left: 200px;
    top: 35px;
}

.area.stralis {
    height: 360px;
    width: 276px;
	left: 425px;
    top: 0;
}

.area.trakker {
    height: 310px;
    width: 355px;
	left: 576px;
    top: 50px;
}

#cc-splash-links {
    bottom: -60px;
    height: 80px;
    left: 110px;
    position: absolute;
}

#cc-splash-links a {
    font-size: 13px;
    font-weight: bold;
    margin-right: 115px;
    text-transform: uppercase;
	color: #000;
}

.area img {
 position: relative;
 left: 0;
}

/*----------------------------------------*/
/*------- PROMOZIONI PAGE ------------*/
/*------------------------------*/
 
.site-content.promo .page-content, .site-content.promo .page-content > section, .site-content.promo .more-content, .site-content.promo .wrapper {
    clear: both;
    display: block;
    overflow: hidden;
}

.site-content.promo .page-content {
    min-height: 600px\0;
}

.site-content.promo .box .title {
    line-height: 1.3em
}
 
.site-content.promo .box .box-text {
    height: 125px;
}
 
.site-content.promo .box .box-content {
    height: auto;
}

.site-content.promo .read-more {
	display: block;
}

.site-content.promo .link-back {
   	display: block;
	clear: both;
	float: left;
	margin: 20px 0;
}



/*----------------------------------------*/
/*------- NEWSLETTER PAGES ------------*/
/*------------------------------*/

.box.cont-1.box-newsletter {
  height: auto;
  padding: 45px 0 10px;
}

.box.cont-1.box-newsletter .box-content, .box.cont-1.box-newsletter .box-content .text {
  height: auto;
  width: 97%;
}

#form-newsletter {
  border-top: 2px dotted #CCCCCC;
  margin: 20px 0 0;
  padding: 20px 0 0;
}

#form-newsletter input, #form-newsletter .select-cont {
  display: inline-block;
  margin-right: 30px;
  margin-top: 10px;
  vertical-align: middle;
  width: 29%;
}

#form-newsletter input[type="checkbox"] {
    margin-right: 10px;
	margin-top: 0;
	width: auto;
	vertical-align: bottom;
}

#form-newsletter .customStyleSelectBox {
    margin: 0;
    width: 215px;
}

.box.box-newsletter .title {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    height: auto;
	margin-bottom: 15px;
}

#form-newsletter .block {
    margin-bottom: 20px;
}

#form-newsletter input.submit {
    bottom: 15px;
    width: auto;
	right: -18px;
}

#form-newsletter .radiobutton {
    margin-top: 15px;
}

#form-newsletter .radiobutton span {
    color: #666666;
    margin-right: 15px;
}

#form-newsletter .info {
    color: #000000;
    display: block;
    font-weight: bold;
    margin-bottom: 7px;
    text-decoration: underline;
}

.box.box-newsletter .back {
    display: block;
	margin: 20px 0;
	font-weight: bold;
	text-decoration: underline;
}

.box.box-press .date {
    margin-bottom: 2px;
	display: block;
	color: #525252;
}

.box.box-press p.text {
    height: 10.2em;
    line-height: 1.3em;
    margin: 5px 0 0;
    overflow: hidden;
}


/*----------------------------------------*/
/*------- CONFIGURATOR SPLASH-PAGE ------------*/
/*------------------------------*/

.splash-configurator section.boxes {
    padding: 60px 0 0;
}

.splash-configurator section.boxes .box {
    width: 320px;
	height: 350px;
}

.splash-configurator section.boxes .box .box-content {
    height: auto;
    padding: 5%;
    width: 90%;
}

.splash-configurator section.boxes .box .box-content .title {
	font-family: 'GillSans',arial,sans-serif;
	font-size: 20px;
}

.splash-configurator section.boxes .box .box-content .separator {
    height: 1px;
    margin: 10px 0;
}

.splash-configurator section.boxes .box .box-text {
    height: 75px;
    margin: 10px 0 15px;
}

.splash-configurator section.boxes .box .box-text p {
    height: 100%;
    margin-bottom: 15px;
    overflow: hidden;
}


/* css correction to integrate Web-agency style with Sharepoint style */
/* Web part Toolbar */
table .ms-ToolPaneOuter
{
	background-color : rgb(237, 237, 237);
	line-height : 16px;
}

table .ms-ToolPaneOuter input,table .ms-ToolPaneOuter select,table .ms-ToolPaneOuter span,table .ms-ToolPaneOuter b, table .ms-ToolPaneOuter p
{
	margin: 10px !important;
}

table .ms-ToolPaneOuter select > option
{
	padding: 0px !important;
}

/* Zone and Web part */
table .ms-WPSelected, table .s4-wpTopTable
{
	width: auto !important;
}

/* Top ribbon */
div .s4-ribbonrow
{
	height: auto !important;
}

.ms-asset-icon {
  margin: 0 10px !important;
  vertical-align: middle;
}

#Container { width: 100%; height: 100%; }
#CountDown {
    font-size: 6em;
    height: 100px;
    left: 50%;
    margin-left: -495px;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 74px;
    width: 990px;
    color: #FFFFFF;
    font-family: 'GillSans',arial,sans-serif;
}
#CountDown > div { display: inline-block; vertical-align: top; }
.CountDownLabel { font-size: 0.2em;}
/* Dati tecnici */
.form.form-dati-tecnici {
	min-height: 267px;
	position: relative;
	width: 505px;
}
.form.form-dati-tecnici.loading {
	background: url('../images/loader_grey.gif') no-repeat center center;
}
.form-dati-tecnici .block {
	margin-bottom: 15px;
}
.form-dati-tecnici .block label {
	margin-bottom: 5px;
	display: block;
}
.form-dati-tecnici .block select, .box.box-dati-tecnici {
	width: 474px;
}
.form-dati-tecnici .block.block-small {
	/*float: left;*/
	display: inline-block;
	margin-right: 18px;
}
.form-dati-tecnici .block.block-small, .form-dati-tecnici .block.block-small select {
	width: 228px;
}
.form-dati-tecnici .submit, .form-dati-tecnici .reset-form {
	bottom: 0;
	color: #000000;
	position: absolute;
	text-transform: uppercase;
}
.form-dati-tecnici .submit {
	right: 0;
	margin-right: 30px;         
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	color: #FFFFFF;
	padding: 0px 24px 0px 5px;
	background-color: rgb(0, 0, 0);
	background-image: url("/Common/PublishingImages/submit-arrow.png");
	background-position: 100% 0px;
	background-repeat: no-repeat;
}
.form-dati-tecnici .submit strong {
	font-weight: normal;
}
.box.box-dati-tecnici {
	margin: 15px 0 15px;
	display: none;
}
.box.box-dati-tecnici .box-content {
	width: 96%;
	height: auto;
}
.box.box-dati-tecnici table {
	width: 100%;
	color: #000;
}
.box.box-dati-tecnici table td {
	padding: 5px;
	font-size: 14px;
}
.box.box-dati-tecnici p.note {
  margin: 10px 0;
}
.start_stop {
	font-size: 12px;
	display: none;
}
.start_stop input {
	margin-left: 5px;
	vertical-align: middle;
}

/* countdown fix */
.canvas.big img.element {
                visibility: hidden;
}

/* versatility */
.versatility-table-container table {
                width: 100%;
                margin-bottom: 15px;
}
.versatility-table-container table td,
.versatility-table-container table th {
                color: #000;
}
.versatility-table-container table th {
                padding: 8px 5px;
}
.versatility-table-container table td {
                padding: 8px 10px;
}
.versatility-table-container table th {
                background-color: #fcfcfc;
                font-weight: normal;
                text-align: left;
}
.versatility-table-container table td {
                background-color: #eff1f3;
}
.page-content article .versatility-table-container > p {
  margin: 0 5px 10px;
}

/* cookies popup */
.popupContainer {
	background-color: #3d3d3d;
	background-color: rgba(51, 51, 51, 0.9);
	bottom: 0;
	left: 0;
	margin: 0 auto;
	position: fixed;
	right: 0;
	visibility: hidden;
	z-index: 1;
}
.cookies-popup {
	box-sizing: border-box;
	color: #ffffff;
	font-family: "GillSans",arial,sans-serif;
	font-size: 14px;
	letter-spacing: 0.2pt;
	margin: 0 auto;
	max-width: 990px;
	padding: 10px 50px 10px 15px;
	position: relative;
	width: 100%;
}

.cookies-popup p {
	font-size: 14px;
	line-height: 1.3em;
	padding-bottom: 10px;
	width: 90%;
}

.no-rgba .cookies-popup {
	background: url('../images/bg-ie-light.png') repeat;
}
.cookies-popup a {
  color: #fff;
  text-decoration: underline;
}
.cookies-popup .close-popup {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
}
.cookies-popup .buttons-popup-container {
	margin: 15px 0 5px;
	text-align: center;
	overflow: hidden;
	display: none;
}
.cookies-popup .popup-button {
	background-color: #fff;
	padding: 3px 35px;
	color: #000;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	float: right;
}
.cookies-popup .popup-button:first-child {
	float: left;
}
.cookies-table-container {
	background-color: #fff;
	padding: 10px 5px;
	margin-bottom: 20px;
}
.cookies-table {
	background-color: #fff;
	width: 100%;
}
.cookies-table td {
	background-color: #fcfcfc;
	padding: 10px 5px;
}
.cookies-table .grey-row td {
	background-color: #eff1f3;
}